<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<div th:fragment="public-resource">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Themeum">

    <link rel="icon" th:href="@{/farvirate.ico}" type="image/x-icon"/>
    <link rel="stylesheet" th:href="@{/public/front/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/public/front/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/public/front/css/animate.css}">
    <link rel="stylesheet" th:href="@{/public/front/css/fonts.css}">
    <link rel="stylesheet" th:href="@{/public/front/css/preset.css}">
    <link rel="stylesheet" th:href="@{/public/front/css/style.css}">
    <link rel="stylesheet" th:href="@{/public/front/css/responsive.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/public/layer/theme/default/layer.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/public/jquery/jquery-validate/validate.css}">

    <!--[if lt IE 9]>
    <script th:src="@{/public/front/js/html5shive.js}"></script>
    <![endif]-->

    <script th:src="@{/public/front/js/jquery.min.js}"></script>
    <script th:src="@{/public/front/js/jquery.json.js}"></script>
    <script th:src="@{/public/front/js/jquery.form.min.js}"></script>
    <script th:src="@{/public/front/js/bootstrap.min.js}"></script>
    <script th:src="@{/public/front/js/mixIt.js}"></script>
    <script th:src="@{/public/front/js/main.js}"></script>
    <script th:src="@{/public/layer/layer.js}"></script>
    <script th:src="@{/public/front/js/jquery.tmpl.js}"></script>
    <script type="text/javascript" th:src="@{/public/jquery/core/jquery.metadata.js}"></script>
    <script type="text/javascript" th:src="@{/public/jquery/jquery-validate/jquery.validate.js}"></script>
    <script type="text/javascript" th:src="@{/public/jquery/jquery-validate/messages_zh.js}"></script>
    <script type="text/javascript" th:src="@{/public/My97DatePicker/WdatePicker.js}"></script>

    <style>
        .navbar-nav > li > a {
            padding: 0;
            margin-left: 20px;
            margin-top: 3px;
        }

        #mimayanse {
            color: black;
            margin-left: 15px;
        }

        .current-menu {
            bottom: -11px;
            content: "";
            height: 6px;
            left: -2px;
            position: absolute;
            top: 20px;
            width: 57px;
            -webkit-transition: all 600ms ease-in-out;
            -moz-transition: all 600ms ease-in-out;
            -ms-transition: all 600ms ease-in-out;
            -o-transition: all 600ms ease-in-out;
            transition: all 600ms ease-in-out;
        }

        .textareaCount{color:green; margin: 0 4px;}

        .layui-layer-btn .layui-layer-btn0 {
            background: #fff;
            color: #333;
            border-color: #ccc;
        }

        .textareaTip{
            margin-top: 63px;
        }
    </style>
    <input type="hidden" id="ctx" th:value="${#httpServletRequest.getContextPath()}">
</div>

<div th:fragment="login-bar">
    <section class="header-top">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-xs-12">
                    <div class="header-elements pull-right">
                        <div class="login-or-signup pull-left">
                            <div id="customer-container">
                                <a href="#" onclick="openLoginPage()"><span class="glyphicon glyphicon-user"></span>
                                    <span>登录</span>
                                </a>
                                &nbsp; }&nbsp;
                                <a href="#" onclick="openRegPage()">
                                    <span>注册</span>
                                </a>
                            </div>
                            <div id="logout-container" style="display: none;">
                                <div class="btn-group">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <span id="customer_alias"></span>
                                        <img style="width: 15px; height: 15px;" id="customer_head_img">
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#" onclick="userInfoPage()">我的主页</a></li>
                                        <li><a href="#" onclick="createSuit()">创建作品</a></li>
                                        <li id="upd_customer_nav"><a href="#" onclick="openxiugeren()">修改信息</a></li>
                                        <li id="upd_business_nav"><a href="#" onclick="openxiugai()">修改信息</a></li>
                                        <li><a href="#" onclick="openxiumima()">修改密码</a></li>
                                    </ul>
                                </div>

                                <a href="#" onclick="logout()"
                                   style="margin-left: 10px; line-height: 20px; padding-top: 3px;">
                                    <span>退出</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<div th:fragment="navigation">
    <nav class="navigation">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-xs-12">
                    <div class="logo pull-left">
                        <a th:href="@{/front/index}"><img alt="Kidzy"
                                                          th:src="@{/public/front/images/home1/logo.png}"></a>
                    </div>
                    <ul class="main-menu pull-right" style="float: none;display: inline-block; margin-top: 24px">
                        <li style="cursor: pointer" name="navmenus"><a url="/front/index">首页</a></li>
                        <li style="cursor: pointer" name="navmenus"><a url="/front/star">明星款</a></li>
                        <li style="cursor: pointer" name="navmenus"><a url="/front/service">灵感发现</a></li>
                        <li style="cursor: pointer" name="navmenus"><a url="/front/discover">作品库</a></li>
                        <li style="cursor: pointer" name="navmenus"><a url="/front/about">关于我们</a></li>
                        <!--<li>
                            <a href="#" id="search-pop"><i class="fa fa-search"></i></a>
                        </li>-->

                    </ul>
                    <div class="mobile-menu hidden-lg hidden-md hidden-sm">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="search-area">
            <form action="#" method="post">
                <input type="search" name="search" placeholder="请在此输入您要搜索的内容……">
            </form>
            <a href="#" class="search-close"><i class="fa fa-times"></i></a>
        </div>
    </nav>
</div>

<!-- 登录 -->
<div th:fragment="login">
    <div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="loginModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">登录</h4>
                </div>
                <div class="modal-body" style="padding-top: 20px">
                    <div class="container-fluid">
                        <form style="padding-top: 10px" class="form-horizontal" role="form" id="login-form"
                              method="post" action="">
                            <div class="form-group">
                                <label for="loginAccount" class="col-sm-2 control-label">手机号</label>
                                <div class="col-sm-10">
                                    <input type="text" required class="form-control" id="loginAccount"
                                           name="loginAccount" placeholder="请输入手机号">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="loginPassword" class="col-sm-2 control-label">密码</label>
                                <div class="col-sm-10">
                                    <input type="password" required class="form-control" id="loginPassword"
                                           name="password"
                                           placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="text-center col-sm-10">
                                    <button type="button" class="btn btn-default" id="login-btn">登录</button>
                                    <label id="mima" onClick="wangjimima()" class="name"><a id="mimayanse" href="#">忘记密码？</a></label>
                                    <label onClick="openRegPage()" class="name"><a href="#">立即注册？</a></label>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 注册 -->
    <div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="regModal">
        <div class="modal-dialog" role="document">

            <div class="modal-content col-lg-12">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">注册</h4>
                </div>

                <div class="modal-body" style="padding-top: 20px">
                    <div class="container-fluid">
                        <div class="tab-content">
                            <input type="hidden" id="type" name="type" value="1">
                            <ul id="myTab" class="nav nav-tabs">
                                <li class="active">
                                    <a href="#home" data-toggle="tab">
                                        个人用户
                                    </a>
                                </li>
                                <li><a href="#ios" data-toggle="tab">商户</a></li>
                            </ul>

                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade in active" id="home">
                                    <form class="form-horizontal" role="form" id="reg-form">
                                        <div class="form-group">
                                            <label for="account" class="col-sm-2 control-label">手机号 <i style="color: red;">*</i></label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="account" id="account"
                                                       required
                                                       placeholder="请输入手机号">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="password" class="col-sm-2 control-label">密码 <i style="color: red;">*</i></label>
                                            <div class="col-sm-10">
                                                <input type="password" required class="form-control" id="password"
                                                       name="password"
                                                       placeholder="请输入密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="password" class="col-sm-2 control-label">确认密码<i style="color: red;">*</i></label>
                                            <div class="col-sm-10">
                                                <input type="password" required class="form-control"
                                                       id="confirmPassword"
                                                       name="confirmPassword"
                                                       placeholder="请输入密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="alias" class="col-sm-2 control-label">昵称 <i style="color: red;">*</i></label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" required id="alias" name="alias"
                                                       placeholder="请输入昵称">
                                            </div>
                                            <label class="col-sm-2 control-label">性别</label>
                                            <div class="col-sm-4">
                                                <input type="radio" name="sex" checked value="M"> 男
                                                <input type="radio" name="sex" value="F"> 女
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">头像 <i style="color: red;">*</i></label>
                                            <input class="col-sm-4" type="file" name="headImgFile"
                                                   style="display: none;">
                                            <img name="nail-img" style="width: 100px; height: 100px;"
                                                 th:src="@{/public/front/images/user.png}">
                                        </div>

                                        <div class="form-group">
                                            <label for="sologan" class="col-sm-2 control-label">style</label>
                                            <div class="col-sm-10 col-lg-10">
                                                <input type="text" class="form-control" id="sologan" name="sologan" maxlength="100"
                                                       placeholder="请输入style">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="birthday" class="col-sm-2 control-label">出生日期</label>
                                            <div class="col-sm-10 col-lg-10">
                                                <input size="16" class="form-control" name="birthday"
                                                       onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
                                                       type="text" th:value="${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="selfIntroduce" class="col-sm-2 control-label">自我介绍</label>
                                            <div class="col-sm-10 col-lg-10">
                                            <textarea id="selfIntroduce" name="selfIntroduce"
                                                      class="form-control col-sm-3 col-lg-3" maxlength="200"
                                                      rows="2"></textarea>
                                                <div class="textareaTip">您还可以再输入<strong class="textareaCount">200</strong>个字</div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="authCode" class="col-sm-2 control-label">验证码 <i style="color: red;">*</i></label>
                                            <div class="col-sm-4 col-lg-4">
                                                <input type="text" class="form-control" required id="authCode"
                                                       name="authCode" placeholder="请输入验证码">
                                            </div>
                                            <button type="button" onclick="sendSms(1, 1)" id="sms-btn-personal"
                                                    class="btn btn-default col-sm-offset-1 col-sm-3">获取短信验证码
                                            </button>
                                        </div>
                                        <div class="container">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="button" class="btn btn-default" id="reg-btn">注册
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- 商户 -->
                                <div class="tab-pane fade" id="ios">
                                    <form class="form-horizontal" role="form" id="business-form">
                                        <div class="form-group">
                                            <label for="business-account" class="col-sm-2 control-label">手机号 <i style="color: red;">*</i></label>
                                            <div class="col-sm-10">
                                                <input type="text" required class="form-control" id="business-account"
                                                       name="business-account" placeholder="请输入手机号">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="business-password" class="col-sm-2 control-label">密码 <i style="color: red;">*</i></label>
                                            <div class="col-sm-10">
                                                <input type="password" required class="form-control"
                                                       id="business-password"
                                                       name="business-password"
                                                       placeholder="请输入密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="business-confirmPassword"
                                                   class="col-sm-2 control-label">确认密码<i style="color: red;">*</i></label>
                                            <div class="col-sm-10">
                                                <input type="password" required class="form-control"
                                                       id="business-confirmPassword" name="business-confirmPassword"
                                                       placeholder="请输入确认密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="business-alias" class="col-sm-2 control-label">商户名称<i style="color: red;">*</i></label>
                                            <div class="col-sm-8 col-lg-10">
                                                <input type="text" required class="form-control" id="business-alias"
                                                       name="business-alias" placeholder="请输入商户名称">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="business-sologan" class="col-sm-2 control-label">style</label>
                                            <div class="col-sm-10 col-lg-10">
                                                <input type="text" class="form-control" id="business-sologan"
                                                       name="business-sologan" placeholder="请输入style" maxlength="100">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label"
                                                   for="business-selfIntroduce">自我介绍</label>
                                            <div class="container col-sm-10 col-lg-10">
                                            <textarea id="business-selfIntroduce" name="business-selfIntroduce"
                                                      class="form-control col-sm-3 col-lg-3"
                                                      rows="2" maxlength="200"></textarea>
                                                <div class="textareaTip">您还可以再输入<strong class="textareaCount">200</strong>个字</div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="b-birthday" class="col-sm-2 control-label">成立日期</label>
                                            <div class="col-sm-4">
                                                <input size="16" class="form-control" id="b-birthday" name="b-birthday"
                                                       onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
                                                       type="text" th:value="${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}" readonly>
                                            </div>
                                            <label for="b-regTime" class="col-sm-2 control-label">注册日期</label>
                                            <div class="col-sm-4">
                                                <input size="16" class="form-control" id="b-regTime" name="b-regTime"
                                                       onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
                                                       type="text" th:value="${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}" readonly>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label id="mml" class="col-sm-2 control-label">营业执照<i style="color: red;">*</i></label>
                                            <div class="col-sm-4" style="padding-left: 20px;">
                                                <input name="businessLicenseFile" type="file"
                                                       id="businessLicenseFile" style="display: none;">
                                                <img name="nail-img" style="width: 100px; height: 100px;"
                                                     th:src="@{/public/front/images/user.png}">
                                            </div>
                                            <label id="mmll" class="col-sm-2 control-label">商标 <i style="color: red;">*</i></label>
                                            <div class="col-sm-4" style="padding-left: 45px;">
                                                <input type="file" name="headImgFile" style="display: none;">
                                                <img name="nail-img" style="width: 100px; height: 100px;"
                                                     th:src="@{/public/front/images/user.png}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="business-authCode" class="col-sm-2 control-label">验证码 <i style="color: red;">*</i></label>
                                            <div class="col-sm-4 col-lg-4">
                                                <input type="text" required class="form-control" id="business-authCode"
                                                       name="business-authCode" placeholder="请输入验证码">
                                            </div>
                                            <button type="button" onclick="sendSms(1,2)" id="sms-btn-business"
                                                    class="btn btn-default col-sm-offset-1 col-sm-3">获取短信验证码
                                            </button>
                                        </div>

                                        <div class="container">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="button" class="btn btn-default" id="business-reg-btn">注册
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 商户信息修改 -->
    <div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="xiugaiModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title">修改信息</h4>
                </div>

                <div class="modal-body" style="padding-top: 20px">
                    <div class="container-fluid">
                        <form class="form-horizontal" role="form" id="business-upd-form" method="post" action="">

                            <div class="form-group">
                                <label for="account" class="col-sm-2 control-label">账号</label>
                                <div class="col-sm-8 col-lg-10">
                                    <input type="hidden" name="id">
                                    <input type="text" class="form-control" name="account" disabled>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="business-upd-alias" class="col-sm-2 control-label">商户名称<i style="color: red;">*</i></label>
                                <div class="col-sm-8 col-lg-10">
                                    <input type="text" class="form-control" id="business-upd-alias" name="alias"
                                           required
                                           placeholder="请输入商户名称">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="business-upd-sologan" class="col-sm-2 control-label">style</label>
                                <div class="col-sm-10 col-lg-10">
                                    <input type="text" class="form-control" id="business-upd-sologan" name="sologan"
                                           placeholder="请输入style" maxlength="100">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="b-upd-birthday" class="col-sm-2 control-label">成立日期:</label>
                                <div class="col-sm-4">
                                    <input class="form-control" id="b-upd-birthday" name="birthday"
                                           onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
                                           type="text" readonly>
                                </div>
                                <label for="b-upd-regTime" class="col-sm-2 control-label">注册日期:</label>
                                <div class="col-sm-4">
                                    <input class="form-control" id="b-upd-regTime" name="regTime"
                                           onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
                                           type="text" readonly>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="business-selfIntroduce">自我介绍</label>
                                <div class="container col-sm-10 col-lg-10">
                                    <textarea id="business-upd-selfIntroduce" name="selfIntroduce"
                                              class="form-control col-sm-3 col-lg-3"
                                              rows="2" maxlength="200"></textarea>
                                    <div class="textareaTip">您还可以再输入<strong class="textareaCount">200</strong>个字</div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="b-upd-birthday" class="col-sm-2 control-label">商标 <i style="color: red;">*</i></label>
                                <div class="col-sm-4">
                                    <input class="col-lg-4 col-sm-4" type="file" style="display: none;"
                                           id="business_upd_head_img_file" name="headImgFile">
                                    <img name="headImgUrl" style="width: 100px; height: 100px;"
                                         onclick="document.getElementById('business_upd_head_img_file').click();">
                                </div>
                                <label for="b-upd-regTime" class="col-sm-2 control-label">营业执照<i style="color: red;">*</i></label>
                                <div class="col-sm-4">
                                    <input class="col-lg-4 col-sm-4" type="file" id="business_license_file"
                                           style="display: none" name="businessLicenseFile">
                                    <img name="businessLicenseImgUrl" style="width: 100px; height: 100px;"
                                         onclick="document.getElementById('business_license_file').click();">
                                </div>
                            </div>

                            <br>

                            <br>

                            <div class="container">
                                <div class="col-lg-offset-2 col-sm-10">
                                    <button type="button" class="btn btn-default" id="business-upd-btn"
                                            onclick="updateCustomer($('#business-upd-form'));">确认修改
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 个人用户信息修改 -->
    <div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="xiugerenModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title">修改信息</h4>
                </div>

                <div class="modal-body" style="padding-top: 20px;">
                    <div class="container-fluid">
                        <form class="form-horizontal" role="form" id="customer_upd_form" method="post" action="">
                            <br></br>
                            <div class="form-group">
                                <label for="account" class="col-sm-2 control-label">账号 <i style="color: red;">*</i></label>
                                <div class="col-sm-4 col-lg-10">
                                    <input type="text" class="form-control" name="account" disabled>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="customer-upd-alias" class="col-sm-2 control-label">昵称 <i style="color: red;">*</i></label>
                                <div class="col-sm-4 col-lg-10">
                                    <input type="hidden" name="id">
                                    <input type="text" class="form-control" id="customer-upd-alias" name="alias"
                                           required
                                           placeholder="请输入用户昵称">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">性别&nbsp;&nbsp;</label>
                                <div class="col-sm-4">
                                    <input type="radio" name="upd_sex" value="M" checked> 男
                                    <input type="radio" name="upd_sex" value="F"> 女
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 col-lg-2 control-label">头像 <i style="color: red;">*</i></span></h4></label>
                                <div class="col-sm-10 col-lg-10">
                                    <input class="col-lg-4 col-sm-4" type="file" style="display: none;"
                                           id="customer_upd_head_img_file" name="headImgFile">
                                    <img name="headImgUrl" style="width: 100px; height: 100px;"
                                         onclick="document.getElementById('customer_upd_head_img_file').click();">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="customer_upd_sologan" class="col-sm-2 control-label">style</label>
                                <div class="col-sm-10 col-lg-10">
                                    <input type="text" class="form-control" id="customer_upd_sologan" name="sologan"
                                           required placeholder="请输入style" maxlength="100">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="business-selfIntroduce">自我介绍</label>
                                <div class="container col-sm-10 col-lg-10">
                                    <textarea id="customer_upd_selfIntroduce" name="selfIntroduce" required
                                              class="form-control col-sm-3 col-lg-3"
                                              rows="2" maxlength="200"></textarea>
                                    <div class="textareaTip">您还可以再输入<strong class="textareaCount">200</strong>个字</div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="b-upd-birthday" class="col-sm-2 control-label">出生日期:</label>
                                <div class="col-sm-10 col-lg-10">
                                    <input class="form-control" name="birthday"
                                           onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"
                                           type="text" readonly>
                                </div>
                            </div>

                            <div class="container">
                                <div class="col-lg-offset-2 col-sm-10">
                                    <button type="button" class="btn btn-default" id="customer_upd_btn"
                                            onclick="updateCustomer($('#customer_upd_form'));">确认修改
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 密码修改 -->
    <div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="xiumima">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title">修改密码</h4>
                </div>
                <div class="modal-body" style="padding-top: 20px">
                    <div class="container-fluid">
                        <form class="form-horizontal" role="form" id="update_pwd_form" method="post" action=""><br></br>
                            <div class="form-group">
                                <label for="password" class="col-sm-2 control-label">原密码</label>
                                <div class="col-sm-10">
                                    <input type="password" class="form-control" name="oldPassword" required
                                           placeholder="请输入原密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="updNewPassword" class="col-sm-2 control-label">新密码</label>
                                <div class="col-sm-10">
                                    <input type="password" class="form-control" id="updNewPassword"
                                           name="updNewPassword" required
                                           placeholder="请输入新密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="updConfirmPassword" class="col-sm-2 control-label">确认密码</label>
                                <div class="col-sm-10">
                                    <input type="password" class="form-control" id="updConfirmPassword"
                                           name="updConfirmPassword"
                                           placeholder="请输入新密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="text-center col-sm-10">
                                    <button type="button" class="btn btn-default" id="update_pwd_btn">确认修改</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 忘记密码 -->
    <div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="mimaa">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">找回密码</h4>
                </div>
                <div class="modal-body" style="padding-top: 20px">
                    <div class="container-fluid">
                        <form class="form-horizontal" role="form" id="forget_form" method="post" action=""><br></br>
                            <div class="form-group">
                                <label for="forget_account" class="col-sm-2 control-label">手机号</label>
                                <div class="col-sm-4 col-lg-9">
                                    <input type="text" class="form-control" name="account" required id="forget_account"
                                           placeholder="请输入手机号">
                                </div>

                            </div>
                            <div class="form-group">
                                <label for="forget_authCode" class="col-sm-2 control-label">验证码</label>
                                <div class="col-sm-4 col-lg-4">
                                    <input type="text" class="form-control" id="forget_authCode" required
                                           name="authCode" placeholder="请输入验证码">
                                </div>

                                <button type="button" onclick="sendSms(2,1)" class="btn btn-default col-sm-offset-1 col-sm-3" id="sms-btn-forget" form="forget_form">
                                    获取短信验证码
                                </button>
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-sm-2 control-label">新密码</label>
                                <div class="col-sm-10 col-lg-9">
                                    <input type="password" class="form-control" id="forgetNewPassword" required
                                           name="password" placeholder="请输入新密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-sm-2 control-label">确认密码</label>
                                <div class="col-sm-10 col-lg-9">
                                    <input type="password" class="form-control" id="confirmNewPassword" required
                                           name="confirmPassword" placeholder="请输入确认密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="text-center col-sm-10">
                                    <button type="button" class="btn btn-default" id="forget_pwd_btn">提交</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="footer">
    <footer class="footer-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12 text-left">
                    <div class="about-widget">
                        <p>
                            We are building a new community to enable you to share your passion
                        </p>
                        <span>&copy; 2018 degsin School</span>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script type="text/javascript" th:src="@{/public/js/front.js}"></script>
</div>
